SparkN0de-git - /page/commit.mu

Micron Document

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

| SparkN0de-git | SparkN0de |

Node / ReticulumProjects / MeshChatX.git / commits / dff7dc4

Commit dff7dc44a5a2e97c88d9be204fd2c08927748f1e

󰉖 Browse tree at this commit

Parents : f882884

Author : Ivan <ivan@quad4.io>

Signature : Signature validation error

Date : 2026-06-03T07:44:09-05:00

feat(app): add relay chat button with unread message count display

Changes

1 files changed, 15 insertions(+), 0 deletions(-)

M meshchatx/src/frontend/components/App.vue +15

Diff

diff --git a/meshchatx/src/frontend/components/App.vue b/meshchatx/src/frontend/components/App.vue

index a2dcf31f..dc6769ff 100644

--- a/meshchatx/src/frontend/components/App.vue

+++ b/meshchatx/src/frontend/components/App.vue

@@ -99,6 +99,21 @@

{{ unreadConversationsCount > 99 ? "99+" : unreadConversationsCount }}

</span>

</button>

+ <button

+ v-if="rrcEnabled"

+ type="button"

+ class="relative sm:hidden rounded-full p-1.5 text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-zinc-800 transition-colors"

+ :title="$t('app.relay_chat')"

+ @click="$router.push({ name: 'relay-chat' })"

+ >

+ <MaterialDesignIcon icon-name="forum" class="w-5 h-5" />

+ <span

+ v-if="relayChatUnreadCount > 0"

+ class="absolute -top-0.5 -right-0.5 flex h-4 min-w-[16px] items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-bold leading-none text-white"

+ >

+ {{ relayChatUnreadCount > 99 ? "99+" : relayChatUnreadCount }}

+ </span>

+ </button>

<button

type="button"

class="rounded-full p-1.5 sm:p-2 text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-zinc-800 transition-colors"

──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────